.information {
  margin: 20px;
  box-shadow: 5px 10px 30px 2px #ccc;
  border: 1px solid #999;
  border-radius: 15px;

  .informationHeader {
    width: 100%;
    background: green;
    height: 60px;
    margin: 0;

  }

  .informationBodyer {
    display: flex;
    height: 300px;

    .informationBodyerLeft {
      flex: 3;
      display: flex;
      flex-wrap: wrap;
      font-size: 24px;
      padding-left: 40px;
      padding-top: 20px;

      .informationBodyerLeftItem {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
      }
    }

    .informationBodyerRigth {
      display: flex;
      align-items: center;
      flex: 2;
      position: relative;
      padding-top: 10px;

      .informationBodyerRigthBodyer {
        width: 200px;
        height: 250px;
        padding: 10px;
        background-color: #fff;
        position: absolute;
        top: -20px;
        border-radius: 15px;
        box-shadow: 5px 10px 30px 2px #ccc;

      }
    }
  }

  .informationFooter {
    display: flex;
    font-size: 24px;
    background: #7cdcfe;


    .informationFooterLeft {
      width: 8px;
      display: flex;
      align-items: center;

      .informationFooterLeftBodyer {
        width: 100%;
        height: 80%;
        background-color: green;
      }
    }

    .informationFooterRight {
      flex: 1;
      padding: 20px;

      .informationFooterRightOne {
        display: flex;
        justify-content: space-between;
        margin: 10px;
      }

      .informationFooterRightTwoIntegrals {
        font-size: 30px;
        padding-left: 20px;
      }

    }
  }
}